<template>
  <div class="page-content">
    <iframe
      :src="`/report/web/index.html?id=${id}&menuType=${menuType}&VUE_APP_BASE_API=${VUE_APP_BASE_API}`"
      width="100%"
      height="100%"
    >
    </iframe>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: undefined,
      menuType: undefined,
      VUE_APP_BASE_API: process.env.VUE_APP_BASE_API,
    };
  },
  mounted() {
    const { id, menuType } = this.$route.params || {};
    this.id = id;
    this.menuType = menuType;
  },
};
</script>

<style scoped>
.page-content {
  overflow: hidden;
}
</style>
